<template>
  <div class="about">
    <h1>{{ count }}</h1>
    <button @click="handleAddCount">add</button>
  </div>
</template>


<script>
import { ref } from "vue";
export default {
  setup() {
    let count = ref(0);

    function handleAddCount() {
      console.log("count: ", count);
      count.value += 1;
    }
    return {
      count,
      handleAddCount,
    };
  },
};
</script>
